<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<meta charset="UTF-8">
	<title>MEOS-结果展示-运行分型分析-能量枢纽-设备输出</title>
	<link type="text/css" rel="stylesheet" href="../css/bootstrap.min.css">
	<link type="text/css" rel="stylesheet" href="../css/bootstrap-select.min.css">
    <link type="text/css" rel="stylesheet" href="../css/bootstrap-datetimepicker.min.css">
	<link type="text/css" rel="stylesheet" href="../css/JyyCommon.css">
	<link type="text/css" rel="stylesheet" href="../css/meosDeviceOutput.css">
	<script type="text/javascript" src="../js/jquery-3.2.1.js"></script>
	<script type="text/javascript" src="../js/bootstrap.min.js"></script>
	<script type="text/javascript" src="../js/bootstrap-datetimepicker.min.js"></script>
	<script type="text/javascript" src="../js/bootstrap-select.js"></script>
	<script type="text/javascript" src="../js/echarts.js"></script>
	<script type="text/javascript" src="../js/JyyCommon.js"></script>
	<script type="text/javascript" src="../js/JyyMsgBox.js"></script>
	<script type="text/javascript" src="../js/JyyLoading.js"></script>
	<script type="text/javascript" src="../js/meosDeviceOutput.js"></script>
</head>
<body>
	<div class="topdiv">
		<div id="deviceOutputEchartDiv" class="shadow box-div">
			<p style="margin-top: 10px;padding-top: 10px;">
				<span class="cardtitle">设备输出曲线</span>
			</p>
			<div class="screendiv">
				<div class="col-md-12">
					<label  class="control-label col-sm-1 first-screen-label">时间</label>
		            <input id="startDate" class="form-control screen-input" placeholder="请选择日期" readonly>
					<label  class="control-label col-sm-1 screen-interval">~</label>
		            <input id="endDate" class="form-control screen-input" placeholder="请选择日期" readonly>
		            
		            <label  class="control-label col-sm-1 screen-label">能量枢纽</label>
					<select class="form-control selectpicker" id="energyHub" title="请选择枢纽" 
							data-width="150px" data-size="10"></select>
					
		            <label  class="control-label col-sm-1 screen-label">设备端口</label>
					<select class="form-control selectpicker" multiple data-live-search="true" data-actions-box="true" 
							data-selected-text-format="count > 4" id="devicePort" title="请选择端口" data-none-results-text="未找到相关端口{0}" 
							data-select-all-text="全选" data-deselect-all-text="取消全选" data-width="150px" data-size="10" 
							data-count-selected-text="已选择{1}个端口中的{0}个"></select>
		
					<button class="selBtn" onclick=selectDeviceOutput()>查询</button>
					<button class="selBtn" onclick=openTypicalDay(1)>典型日</button>
				</div>
			</div>
			<div id="deviceOutputEchart" class="echartdiv"></div>
		</div>
	</div>
	<div id="tpyicalDayDiv" class="window_div">
		<div class="window_div_top">
			<div class="window_top_title">选择典型日</div>
			<div class="window_close" onclick="closeWindow()"></div>
		</div>
		<div class="window_body"></div>
		<div class="window_div_bottom">
			<button class="window_bottom_btn" onclick="selDate()">确定</button>
			<button class="window_bottom_btn" onclick="closeWindow()">取消</button>
		</div>
	</div>
</body>
</html>